<template>
 <div class='swiper'>
         <div class="swiper-container">
           <Swiper v-if="bannerList.length > 0" :autoPlay='true' :showIndicator='true' interval="5000" duration="500">
            <Slide  v-for="(item,index) in bannerList" :key="index">
        	      <img :src="$store.state.imgHeader+item.image" alt="">
        </Slide>
   </Swiper>
</div>  
 </div>
</template>

<script>
import { Swiper, Slide } from 'vue-swiper-component';


   export default {
      data() {
          return {
             
          }
      },
    
      //生命周期 - 创建完成
      created(){ 
       
     },
   props:['bannerList'],
   components:{
      Swiper,
      Slide

   },
      methods: {


      },
 }
</script>

<style lang='less' scoped>

.swiper{
   width: 100%;
  .swiper-container {
    width: 100%;
    overflow: hidden;
    img{
      width: 100%;
      height: 100%;
    }
 
  }


}

</style>